@charset "utf-8";
/* CSS Document */


body {
	font: 17px/28px Georgia, "Times New Roman", Times, serif;
	color: #555;
	margin-bottom: 1.25em;
}
a:link, a:hover, a:active, a:visited {
	text-decoration: none;
	color: #fff;
}
.navigation, .sidebar {
	display: none;
}
blockquote {
	font: 1.6em/1.4em 'Oswald', Helvetica, Arial, sans-serif;
	color: #333;
	display: block;
	margin: 0.25em 1.5em 1.25em 1.5em;
	padding: 15px;
	float: left;
	border-top: solid 3px #999;
	border-bottom: solid 15px #900;
}
.title {
	display: none;
	font: 2em/1.0em 'Oswald', Helvetica, Arial, sans-serif;
	line-height: 170%;
	color: #333;
	width: 100%;
	display: block;
	margin: 15px 0 15px 0px;
}
.title h1 {
	padding-left: 10px;
}
.copyright {
font-size:12px;
line-height:15px;
color:#ccc;
text-align:center;
margin-top:25px;
}

.center {
display:block;
margin:0 auto;	
}

#maintitle {
font-size:2em;	
line-height:1em;
}

#readwatch {
	display: none;
	font-size: .4em;
}
.wide100 {
	width: 100%;
}
#leadpic {
	display: inline-block;
	width:100%;
	float: left;
	padding: 0;
	margin: 0;
}

#share {
display:none;	
}

#slide2 {
	background-color: #990000;
	color: #fff;
	width: 100%;
	padding-bottom: 20px;
}
#slide12 {
	padding-bottom: 40px;
	background-color: #990000;
}
.lead {
	font-size: 1.25em;
	line-height: 1.5em;
	color: #fff;
	padding: 10px 10px 10px 10px;
}
.spacer {
	height: 20px;
}
.bodycopy p {
	padding: 0 10px 1.25em 10px;
}
.bx-wrapper .bx-prev {
	left: 25px;
}
.bx-wrapper .bx-next {
	right: 25px;
}
.leaddropcap {
	float: left;
	font-size: 85px;
	line-height: 60px;
	padding-top: 8px;
	padding-right: 8px;
	padding-left: 3px;
}
.dropcap {
	float: left;
	font-size: 60px;
	line-height: 40px;
	padding-top: 10px;
	padding-right: 8px;
	padding-left: 3px;
}


/******************************
 MOBILE SPECIFIC
*******************************/
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
}

/******************************
 TABLET
*******************************/
@media (max-device-width: 768px) and (orientation: portrait) {
}
 @media (max-device-width: 1024px) and (orientation: landscape) {
}





/******************************
 DESKTOP
*******************************/

@media only screen and (min-width : 1025px) {
#leadpic {
	display: none;
}
.title {
	display: block;
	background-image: none;
}
.title h1 {
	display: block;
	background: rgba(0,0,0,0.6);
	font-size: 110px;
	padding: 10px 0 10px 20px;
	line-height: 1.0;
	font-weight: bold;
	color: #fff;
}

#maintitle {
font-size:3em;	
line-height:1em;
}

.title a {
	padding: 5px 15px 5px 15px;
	font-size: 40px;
	font-weight: bold;
	color: #fff;
	cursor: pointer;
}


#readwatch {
	display: block;
	float: right;
	margin: 30px 15% 0 0;
}
#readwatch a {
	background: rgba(0,0,0,0.6);
}
.spacer300 {
	height: 300px;
	width: 100%;
}
/******************************
 navigation
*******************************/

.navigation {
	display: block;
	position: fixed;
	z-index: 11;
	top: 20px;
	background-color: rgba(0, 0, 0, 0.5);
}
.navigation li {
	color: #fff;
	display: block;
	padding: 0 10px;
	line-height: 30px;
	margin: 0 0 2px 0;
	font-weight: bold;
	border-bottom: 1px solid black;
	text-align: left;
	width: 100px;
}
.navigation li:hover, .active {
	cursor: pointer;
}


#share {
	display:block;
position:fixed;
right:0px;
top:10px;
z-index:9;
margin-right:30px;
background-color:#fff;
padding:10px 10px 5px 10px;
border-bottom: solid 4px #999;
}

html, body {
	font-family: 'Oswald', Helvetica, Arial, sans-serif;
	width: 100%;
	height: 100%;
}
p {
	font: 17px/32px Georgia, "Times New Roman", Times, serif;
	color: #555;
	margin-bottom: 1.25em;
	font-size: 17px;
}
.bodycopy p {
	width: 650px;
	margin-right: 15px;
}
.sidebar {
	display: block;
	float: right;
	width: 270px
}
.sidebar p {
	font: 13px/21px Georgia, "Times New Roman", Times, serif;
	color: #555;
}
blockquote {
	font: 26px/40px 'Oswald', Helvetica, Arial, sans-serif;
	color: #333;
	display: block;
	margin: 0.25em 90px 1.25em 90px;
	padding: 15px;
	width: 450px;
	float: left;
	border-top: solid 3px #999;
	border-bottom: solid 15px #900;
}
.lead {
	font-size: 22px;
	line-height: 40px;
	color: #fff;
	padding-right: 0em;
	padding-left: 0em;
}
.spacer {
	display: block;
	height: 50px;
	width: 100%;
}
.bx-wrapper .bx-prev {
	left: -50px;
	background: url(../images/controls.png) no-repeat 0 -32px;
}
.bx-wrapper .bx-next {
	right: -50px;
	background: url(../images/controls.png) no-repeat -43px -32px;
}
/******************************
 GENERAL LAYOUT
*******************************/

.slide {
	background-attachment: fixed;
	width: 100%;
	position: relative;
	box-shadow: inset 0px 10px 10px rgba(0,0,0,0.3);
	
}
.wrapper {
	width: 960px;
	height: 200px;
	margin: 0 auto;
	position: relative;
}
.subtitle {
	background: none;
}
/******************************
 SLIDE 1 
*******************************/
#slide1 {
	height: 1000px;
	background-color: #cccccc;
	background-image: url(../images/hynes-sunset.jpg);
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-repeat: none;
	z-index:10;
}
/******************************
 SLIDE 2 
*******************************/
#slide2 {
	height: 430px;
	background-color: #990000;
	z-index:10;
}
/*
#slide2 img:first-child{
	position:absolute;
top: 700px;
left: -150px;
}
#slide2 img:nth-child(2){
	position:absolute;
	top:300px;
	left:100px;
}
*/
/******************************
 SLIDE 3 
*******************************/
#slide3 {
	height: 700px;
	background-color: #fff;
}
/******************************
 SLIDE 4 
*******************************/

#slide4 {
	height: 750px;
	background-color: #cccccc;
	background-image: url(../images/1976hynesteam.jpg);
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-repeat: none;
	z-index:10;
}
/******************************
 SLIDE 5
*******************************/

#slide5 {
	height: 2550px;
	background-color: #fff;
}
/******************************
 SLIDE 6 
*******************************/

#slide6 {
	height: 750px;
	background-color: #cccccc;
	background-image: url(../images/1996_gasso.jpg);
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-repeat: none;
	z-index:10;
}
/******************************
 SLIDE 7
*******************************/

#slide7 {
	height: 2650px;
	background-color: #fff;
}
/******************************
 SLIDE 8 
*******************************/

#slide8 {
	height: 750px;
	background-color: #cccccc;
	background-image: url(../images/2000_hoist.jpg);
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-repeat: none;
	z-index:10;
}
/******************************
 SLIDE 9
*******************************/

#slide9 {
	height: 3120px;
	background-color: #fff;
}
/******************************
 SLIDE 10 
*******************************/

#slide10 {
	height: 750px;
	background-color: #cccccc;
	background-image: url(../images/2013_natlchamps.jpg);
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-repeat: none;
	z-index:10;
}
/******************************
 SLIDE 11
*******************************/

#slide11 {
	height: 1725px;
	background-color: #fff;
}
/******************************
 SLIDE 12 
*******************************/

#slide12 {
	height: 600px;
	background-color: #990000;
}

/******************************
 SLIDE 13 
*******************************/

#slide13 {
	height: 600px;
	background-color: #fff;
	z-index:10;
}

}


/******************************
 DESKTOP WIDE
*******************************/

@media only screen and (max-width : 1240px) {
.navigation {
	display: none;
}
}